/* Modal Keyboard */
.tokenpin {
  overflow: hidden;
  width: 400px;
  background-color: #fff;
  padding: 20px;
  border: 4px solid #284;
  box-shadow: 0 0 15px #888;
  border-radius: 7px;
       display: none;
}
.tokenpin .what_to_do {
  padding: 0 0 10px;
  font: 800 18px/18px "Segoe UI",Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  text-transform: uppercase;
  color: #284;
}
.tokenpin .what_to_do span {
  float: right;
  cursor: hand;
  cursor: pointer;
  font: bold 16px Verdana;
    position: relative;
    top: -1em;
    right: -.7em;
}
.tokenpin .what_to_do span:hover {
  color: #d23;
}

.tokenpin.modal b {display: block;
font-size: 150%;
line-height: 1.2em;
margin-bottom: 0.5em;}

.tokenpin .display { position: relative;top: 0;left: 0;}

.tokenpin .display input {
  font: bold 40px Consolas, "Courier New";
  height: 50px;
  width: 310px;
  margin: 0 0 20px;
  padding: 3px;
  border: 2px solid #284;
  background-color: #f5f5f5;
  text-align: center;
  color: #284;

}
.tokenpin .keyboard {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tokenpin .keyboard li{
  float: left;
  margin: 3px;
  padding: 10px 25px;
  border: 1px solid;
  border-color: #f5f5f5 #f5f5f5 #bbb #bbb;
  border-radius: 5px;
  background: #eee;
  font: bold 40px Consolas, "Courier New";
  box-shadow: 0 0 3px #aaa;
  color: #888;
}

.keyboard li:active, b.enter:active {
  border-color: #bbb #bbb #f5f5f5 #f5f5f5;
}
.keyboard li:hover, b.enter:hover {
  cursor: hand;
  cursor: pointer;
  background-color: #ddd;
  color: #444;
}
.keyboard li.line {
  clear: left;
}
.keyboard li.clear {
  color: #d23;
}
.keyboard li:last-child {
  color: #284;
}

.download_list {
	padding:0 0 10px;
}


.closebutton { cursor: pointer;position: absolute;top: 1em;right: 1em;}
.notifiertext,.notokens p, .cryptopluginerror { display: none;  background: none repeat scroll 0 0 #fff;margin: 2em 0;
                                                 border: 5px solid #c9e3d0; padding: 1em;position: relative;}
.cryptopluginerror p { margin-bottom: .3em;}
.cryptopluginerror h3 { margin: 0;}
.notokens p{ display: block;}
.notokens b { font-size: 125%;display: block;}
.notifiertext h3,.notokens h3{ margin: .2em auto;}
.notifiertext p { margin:.5em 0;}
/*.notokens h3{background: url('/content/img/notokens.png') no-repeat top left;}*/


.field-validation-valid { display: none !important;}
    .invisible { display: none;}

    .params { width: 100%;}
    .params thead tr th:first-child { width: 5%;}
    .params td { padding: .1em;}
    .gutter { width: 1%;}

    .tokenloginstatus {
        background-color: #228844;/* #DD2233;*/
        border: 2px solid #228844;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
        display: none;
    font: 800 14px/18px "Segoe UI...mbus Sans L",sans-serif;
    padding: 4px 10px;
    position: relative;
    text-transform: uppercase;
    }

    .tokenloginstatus:after {
        width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	position: absolute;
    top: -20px;
        right: 50%;
        border-bottom-color: #228844;
	border-width: 9px;
	margin-right: -9px;
    }
    .tokenloginstatus.error {
          background-color:  #DD2233;
        border: 2px solid #DD2233;
    }
    .tokenloginstatus.error:after {
        border-bottom-color:#DD2233;
    }
